@charset "utf-8";
/* CSS Document */
*,*:after,*:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*::after,*::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
body{width:100%;color:#333;line-height:1.5;background-color:#fff;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
.w1920{overflow: hidden;}
.clear{width:100%;height:0;overflow:hidden;clear:both;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.iblock{display:inline-block;}
#ZoomBox{background:#fff;}
.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}

/* nav */
.nav-fixed{min-width:320px!important;position: fixed!important;box-shadow: 0 2px 5px rgba(128,128,128,.3);top:0;left:0;}

/*position*/
.container .position{width: 100%;max-width: 1600px;margin: 0 auto;position: relative;background: url(../nyimages/icon2.png) bottom repeat-x;font-size: 15px;padding-top: 35px;}
.container .position p{padding-left:40px;overflow:hidden;background:url(../nyimages/sy.png) 5px top no-repeat;padding:3px 5px 14px 45px;border-bottom: 1px solid #009c4b;float: left;}
.container .position p span{color: #009c4b;}

@media only screen and (max-width:425px){
.container .position{padding-top: 25px;}
}

/*page*/
.page{width:100%;padding:20px 0;text-align:center;overflow:hidden;color: #666;}
.page a{border:1px solid #ccc;padding:1px 5px;color:#666;background:#FeFeFe;margin:2px;}
.page .pcurrent a,
.page a:hover{border:1px solid #009c4b;color:#009c4b;}
.page .pmsg{color: #999;}

/*goback & next*/
.container .goback{width:100%;text-align:center;height:50px;line-height:40px;color:#787878;background:#f0f2f4;padding: 5px;}
.container .next{width:100%;color:#787878;padding:20px 0 5px;text-align:center;overflow: hidden;}
.container .next p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;padding:5px 15px;}

@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
.container .next p{width:100%;text-align: left;}
}

/*jqueryzoom*/
.bigPic{position: relative;padding: 0;}
.zoomdiv{z-index: 100;position: absolute;top: 1px;left: 0px;width: 400px;height: 400px;background: #fff;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50%;height: 50%;border: 1px solid #FEDE4F;background: #FEDE4F;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor: move;}

/*foot-button*/
.foot-button{display:none;width:100%;background:#fafafa;border-top:.5px solid #e6e6e6;overflow:hidden;position:fixed;left:0;bottom:0;z-index:999999;}
.foot-button p{width:100%;text-align:center;padding:5px;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;}
.foot-button a{display:block;width:100%;float:left;flex-shrink:1;border-left:.5px solid #e6e6e6;padding-top:25px;position:relative;overflow:hidden;color:#666;}
.foot-button a:first-child{border:none;}
.foot-button em,
.foot-button i{display:block;width:100%;position:absolute;left:0;top:0;font-size:24px;line-height:1;height:25px;color:#009c4b;}
.foot-button .btn-tel em,
.foot-button .btn-tel i{font-size:27px;margin-top:-1px;}
.foot-button i,
.foot-button a:hover em,
.foot-button a.active em{opacity: 0;}
.foot-button span{display:block;width:100%;font-size:12px;line-height:1.5;height:15px;}
.foot-button a:hover span,
.foot-button a.active span{color:#009c4b;}
.foot-button a:hover i,
.foot-button a.active i{opacity: 1;}

/*QQ*/
.online_box{width: 190px;position: fixed;right: 1px;top: 40%;z-index: 999;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.online_box p{width: 100%;height: 51px;color: #fff;background: #00bb5a;text-align: center;margin-bottom: 1px;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.online_box p::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;}
.online_box p a{padding-left: 50px;height: 50px;color: #fff;display: block;overflow: hidden;background: #00bb5a;position: relative;z-index: 2;cursor: pointer;}
.online_box p em{width: 50px;height: 100%;position: absolute;left: 0;top: 0;}
.online_box p em img{width: 34px;height: 34px;position: absolute;left: 50%;top: 50%;margin: -17px -14px;}
.online_box p svg{height: 50px;line-height: 50px;font-size: 30px;position: relative;z-index: 1;cursor: pointer;}
.online_box p span,
.online_box p i{line-height: 50px;font-size: 16px;font-style: normal;padding-right: 15px;overflow: hidden;white-space: nowrap;display: block;text-align: left;}
.online_box p i{font-size: 18px;}

.online_box p a.qq_m,
.online_box p.r_open{display: none;}
.online_box p.r_phone svg{font-size: 28px;}
.online_box p.r_qq svg{font-size: 26px;}
.online_box p.r_wx img{width: 0;height: 0;opacity: 0;box-shadow: 0 0 10px rgba(0,0,0,.2); position: absolute;top: 0;right: 50%;z-index: 1;}
.online_box p.r_top{height: 0;overflow: hidden;margin: 0;}
.online_box p.r_top svg{font-size: 24px;}
.online_box p.hidd{height: 0;}
.online_box p.show{height: 50px;}

.online_box p:hover,
.online_box p:hover a{background: #009c4b;}
.online_box p:hover::after{width: 0;}
.online_box p.r_wx:hover img{width: 150px;height: 150px;right: 100%;opacity: 1;}

.online_box,
.online_box p,
.online_box p::after,
.online_box p img,
.online_box p a,
.online_box p i,
.online_box p span,
.online_box p em,
.online_box p svg{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}

@media only screen and (max-width:1024px){
.online_box{width: 46px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.online_box.t_right{right: -60px;}
.online_box p{height: 46px;float: right;}
.online_box p a{width: 130px;padding-left: 46px;height: 46px;float: left;}
.online_box p.r_phone a{width: auto;float: right;}
.online_box p em{width: 46px;}
.online_box p em img{margin: -17px -15px;}
.online_box p svg{height: 46px;line-height: 46px;}
.online_box p span,
.online_box p i{line-height: 45px;margin-right: -200px;text-align: center;}

.online_box p:hover{width: 130px;background: #009c4b;}
.online_box p:hover a{padding-left: 50px;background: #009c4b;}
.online_box p:hover em{width: 55px;}
.online_box p:hover span,
.online_box p:hover i{margin-right: 0;opacity: 1;}

.online_box p.show{height: 45px;}
.online_box p.r_open{position: absolute;top: -35px;width: 26px;height: 26px;left: -50px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.online_box p.r_open b{height: 26px;line-height: 26px;font-size: 26px;font-weight: normal;cursor: pointer;}
.online_box p.r_close{left: 10px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}

.online_box p a.qq_pc{display:none;}
.online_box p.r_open,
.online_box p a.qq_m{display: block;}
}
@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
}